<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>支付弹窗</title>
</head>
<body>
<!-- templates/fragments/payment/payment-modal.html -->
<div th:fragment="payment-modal" class="payment-modal" id="paymentModal">
  <div class="payment-content">
    <div class="payment-header">
      <h3>选择支付方式</h3>
      <div class="py-close-btn">&times;</div>
    </div>

    <div class="amount-info">
      <div class="amount-item">
        <span>订单总额：</span>
        <span class="amount" id="orderAmount">¥0.00</span>
      </div>
      <div class="amount-item">
        <span>押金总额：</span>
        <span class="amount" id="depositAmount">¥0.00</span>
      </div>
      <div class="amount-item total">
        <span>支付总额：</span>
        <span class="amount" id="totalAmount">¥0.00</span>
      </div>
    </div>

    <div class="payment-methods">
      <div class="payment-method" data-type="alipay">
        <img src="/img/zfb.png" alt="支付宝">
        <span>支付宝支付</span>
      </div>
      <div class="payment-method" data-type="wechat">
        <img src="/img/wx.png" alt="微信支付">
        <span>微信支付</span>
      </div>
    </div>

    <button class="confirm-btn" disabled id="confirmPayment">
      确认支付
    </button>
  </div>
</div>
</body>
</html>